<!--
 * ription: 卡片布局类组件 卡片内容通过卡槽name为0开始
 * @version: 2.0
 * @Autor: WCF
 * @date: 2020-05-18 14:02:15
 * @LastEditors: WCF
 * @LastEditTime: 2020-05-27 16:01:37
-->
<template>
  <el-tabs v-model="active" class="wrapper p-1" type="border-card">
    <template v-for="(item,i) in tabPane">
      <el-tab-pane :key="i" :name="item.name">
        <span slot="label"><i :class="item.icon"></i>&nbsp;{{item.title}}</span>
        <slot :name="item.name"></slot>
      </el-tab-pane>
    </template>
  </el-tabs>
</template>
<script>
  export default {
    name: "tabsPlane",
    props: {
      active: {type: String,default:"" /*"approvalProcess"*/},
      tabPane: { type: Array
          /*,default:[{name: "approvalProcess", icon: "el-icon-date", title: "流程审批"},
          {name: "historyProcess", icon: "el-icon-tickets", title: "流程历史记录"},
          {name: "imgProcess", icon: "el-icon-picture", title: "流程图"}]*/
      },
    },
  };
</script>

<style lang="scss" scoped>

</style>